<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2021/6/25
  Time: 20:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>单位缴存登记及开户</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            border: 0;
        }
        body{
            background-color:#afeeee;
            background: url("image/9.png");
            background-repeat: no-repeat;
            /*opacity: 0.6;*/
        }
        h1{
            background-color: white ;
            height: 50px;
            color: black;
            top: 10px;
            font-size: 30px;
            font-weight: bold;
            font-family: 楷体;
            text-align: center;
        }
        h2{
            color: black;
            float: right;
            font-size: 20px;
            font-family: 楷体;
        }
        .class1{
            margin: 20px ;
            float: left;
        }
        form{
            background-color: white;
            font-size: 20px;
            font-family: 楷体;
            border: 2px cornflowerblue solid;
            /*opacity: 0.8;*/
            width: 520px;
            height: 800px;
            margin: 20px 50px 10px 460px;
            text-align: center;
        }
        footer {
            background-color: white ;
            height: 50px;
            color: black;
            text-align: center;
        }
        a{
            font-family: 楷体;
            color:black;
            font-size: 20px;
            text-align: center;
            margin: 0px 0px 0px 50px;
        }
        a:hover{
            color: cornflowerblue;
        }
        .class7{
            font-size:26px;
            font-family: 楷体;
            text-align: center;
            font-weight: bold;
        }
        .class11 {
            font-family: 楷体;
            font-size: 16px;
            color:black;
        }
        .submit2:hover{
            color: red;
        }
        .reser2:hover{
            color: red;
        }
        .submit2{
            width: 4em;
            height:2em;
            background: #87cecb;
            font-size: 16px;
            text-align:center;
            margin: 0px 20px 0px 0px;
        }
        .reser2{
            width: 4em;
            height:2em;
            background: #87cecb;
            font-size: 16px;
            text-align:center;
            margin: 0px 20px 0px 0px;
        }
        .biankuang{
            width: 200px;
            height: 30px;
        }
    </style>
</head>
<h1>642住房公积金后台欢迎你的访问！</h1>
<h2>我们将为你提供最贴心的服务！</h2>
<br><br><br><br>
<div class="class1">
</div>
<div class="class2">
    <form action="unit" method="post" >
        <div class="class7">
            <br>
            单位缴存登记及开户平台
        </div>
        <br><br>
        单位名称：<input type="text" name="UNITACCNAME" required placeholder="请输入单位名称" style="border:2px black solid" class="biankuang"></li> <br><br>
        单位地址：<input type="text" name="UNITADDR" required placeholder="请输入单位地址" style="border:2px black solid" class="biankuang"><br><br>
        组织机构代码：<input type="text"  name="ORGCODE" pattern="[0-9]{9}" class="biankuang"><br><br>
        单位类别：<input type="radio"  name="UNITCHAR" value="">1.企业
        <input type="radio" value="" name="UNITCHAR">2.事业
        <input type="radio" value="" name="UNITCHAR">3.机关
        <input type="radio" value="" name="UNITCHAR">4.团体
        <input type="radio" value="" name="UNITCHAR">5.其他<br><br>
        企业类型：<select name="UNITKIND" style="border:2px black solid" required class="biankuang">
        <option value="110">110国有经济</option>
        <option value="120">120集体经济</option>
        <option value="130">130股份合作企业</option>
        <option value="140">140联营企业</option>
        <option value="150">150有限责任公司</option>
        <option value="160">160股份有限公司</option>
        <option value="170">170私营企业</option>
        <option value="190">190其他企业</option>
        <option value="200">200港，澳，台商投资企业</option>
        <option value="300">300外商投资企业</option>
        <option value="900">900其他</option>
    </select><br><br>
        发薪日期：<input type="text"  name="SALARYDATE" pattern="[1-31]{1}" required placeholder="请输入发薪日期" style="border:2px black solid"
    class="biankuang"><br><br>
        联系电话：<input type="tel"  name="NUITPHOME" pattern="1[3|4|5|6|7|8|9][0-9]{9}" required placeholder="请输入联系电话" style="border:2px black solid"
    class="biankuang"><br><br>
        单位经办人：<input type="text" name="UNITLINKMAN" required placeholder="请输入单位经办人" style="border:2px black solid" class="biankuang"><br><br>
        经办人身份证号码：<input type="password" pattern="^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$" required
    placeholder="请输入经办人身份证号码" name="UNITAGENTPAPNO" style="border:2px black solid" class="biankuang"><br><br>
        单位比例:<input type="text" name="UNITPROP" required placeholder="请输入5%-12%的单位比例" style="border:2px black solid" class="biankuang"><br><br>
        个人比例：<input type="text" name="PERPROP" required placeholder="请输入5%-12%的个人比例" style="border:2px black solid" class="biankuang"><br><br>
        备注：<input type="text" name="REMARK" style="border:2px black solid" class="biankuang"><br><br>
        <input type="submit" value="登录" class="submit2">
        <input type="reset" value="重置" class="reser2">

    </form>
</div>
<footer>
    <div class="class4">
        <a href="null.jsp" target="_blank" class="class11">关于642住房公积金</a>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">本站声明</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">新手指南</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp"target="_blank" class="class11">联系我们</a> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
    </div>
    <div class="class5">
        <a href="null.jsp" target="_blank" class="class11">技术支持电话：123456789</a>  &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp|
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp<a href="null.jsp" target="_blank" class="class11">住房公积金投诉举报电话：987654321</a>
    </div>
</footer>
</head>
<body>

</body>
</html>
